<template>
   <div class='header'>
      <div class="header-title">
         <h1> {{ titleMsg }}</h1>
      </div>
   </div>
</template>

<script setup lang='ts'>
import { ref, reactive } from 'vue'

defineProps({
   titleMsg: String
})

</script>
<style scoped lang="less">
.header {
   height: 100%;
   width: 100%;
   background: url(/img/home/head-bg.png) no-repeat;
   background-size: cover;

  .header-title {
       height: 100%;
       width: 100%;
       display: flex;
       justify-content: center;
      //  align-items: center;
       h1 {
         color: #fff;
         font-weight: 500;
       }
  }
}
</style>